@charset "utf-8";
*{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;}
body{font-family:"微软雅黑";background-color:#F3F3F3;font-size:0.75rem;}
html{font-size:20px;}
img{width:100%;}
.wrap{width:16rem;margin:0 auto;}
.clearfix::after{content:"\200B";display:block;height:0;clear:both;}
.clearfix{*zoom:1;}
/**/
.bg1{height:3.175rem;background:url(../leaflet-zlzwj/bg1.jpg) no-repeat;background-size:100% 100%;}
.bg2{height:5.6rem;background:url(../leaflet-zlzwj/bg2.jpg) no-repeat;background-size:100% 100%;}
.bg3{height:18.65rem;background:url(../leaflet-zlzwj/bg3.jpg) no-repeat;background-size:100% 100%;}
.bg4{height:13.225rem;background:url(../leaflet-zlzwj/bg4.jpg) no-repeat;background-size:100% 100%;}
.bg5{height:8.125rem;background:url(../leaflet-zlzwj/bg5.jpg) no-repeat;background-size:100% 100%;}
.bg6{height:14.9rem;background:url(../leaflet-zlzwj/bg6.jpg) no-repeat;background-size:100% 100%;overflow:hidden;}
.bg7{height:13.45rem;background:url(../leaflet-zlzwj/bg7.jpg) no-repeat;background-size:100% 100%;}
.bg8{height:11rem;background:url(../leaflet-zlzwj/bg8.jpg) no-repeat;background-size:100% 100%;overflow:hidden;}
.bg9{height:19.85rem;background:url(../leaflet-zlzwj/bg9.jpg) no-repeat;background-size:100% 100%;}
.bg6-con{width:15.325rem;height:2.925rem;margin: 10.77rem 0 0 0.35rem;}
.btnn1{width:1.5rem;height:2.55rem;background:url(../leaflet-zlzwj/lj.jpg) no-repeat;background-size:100% 100%;float:left;margin: 0.1rem 0 0 3.2rem;}
.btnn2{width:1.5rem;height:2.55rem;background:url(../leaflet-zlzwj/lj.jpg) no-repeat;background-size:100% 100%;float:left;margin: 0.1rem 0 0 3.8rem;}
.btnn3{width:1.5rem;height:2.55rem;background:url(../leaflet-zlzwj/lj.jpg) no-repeat;background-size:100% 100%;float:left;margin: 0.1rem 0 0 3.75rem;}
.btnn4{width:3.925rem;height:1.2rem;background:url(../leaflet-zlzwj/btn1.png) no-repeat;background-size:100% 100%;margin: 6.9rem 0 0 1.3rem;}
.fixed{width:16rem;height:6.775rem;background:url(../leaflet-zlzwj/c.png) no-repeat #fff;background-size:100% 100%;position:fixed;bottom:0;text-align:center;color:#d2d2d2;}
.wx{margin-top:2.7rem;font-weight:bold;font-size:0.75rem;}
.btn{margin-top:1.4rem;}
.fz{float:left;width:3.8rem;height:0.925rem;background:url(../leaflet-zlzwj/btn2.png) no-repeat;background-size:100% 100%;margin-left:2.82rem;}
.jr{float:left;width:5.25rem;height:0.925rem;background:url(../leaflet-zlzwj/btn3.png) no-repeat;background-size:100% 100%;margin-left:1.6rem;}
.tc{text-align:center;color:#d2d2d2;position:fixed;position:fixed;top:0;z-index:1;background:rgba(0, 0, 0, 0.7);width:100%;height:100%;display:none;}
.tc-box{width:16rem;height:6.775rem;background:url(../leaflet-zlzwj/c.png) no-repeat;background-size:100% 100%;margin-top:50%;overflow:hidden;}
.guan{text-align:right;padding-right:1rem;color:#fff;font-size:0.35rem;}
.tc .wx{margin-top:2.25rem;}
.foot{padding:0.2rem 0;text-align:center;font-size:0.35rem;margin-bottom:6.775rem;}
.btnn1,.btnn2,.btnn3,.btnn4,.fz,.jr{-webkit-animation: aa 1s infinite ease-in-out;cursor:pointer;}
.animated{ 
-webkit-animation-duration: 1s; 
animation-duration: 1s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both } 
@-webkit-keyframes aa{
0%{transform:scale(1)}
50%{transform:scale(0.8)}
100%{transform:scale(1)}
}
@keyframes twinkling{
0%{transform:scale(1)}
50%{transform:scale(0.8)}
100%{transform:scale(1)}
}